<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>

export default {
  name: 'app',
  components: {
  }
}
</script>

<style>
* { -webkit-tap-highlight-color: transparent; outline: 0; margin: 0; padding: 0; vertical-align: baseline; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; vertical-align: baseline; }
img { border: 0 none; vertical-align: top; }
input, select, button, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; }
input[type="text"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body {
  font-family: PingFangSC-Light, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  line-height: 1.42857143;
  font-size: .14rem;
  color: #000;
  background-color: #f8f8f8;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  height: 100%; }
html {
  position: relative;
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 320px) {
    html {
      font-size: 85.3333px; } }
  @media screen and (min-width: 360px) {
    html {
      font-size: 96px; } }
  @media screen and (min-width: 375px) {
    html {
      font-size: 100px; } }
  @media screen and (min-width: 414px) {
    html {
      font-size: 110.4px; } }
  @media screen and (min-width: 440px) {
    html {
      font-size: 117px; } }
  @media screen and (min-width: 480px) {
    html {
      font-size: 125px; } }
  @media screen and (min-width: 640px) {
    html {
      font-size: 170px; } }
      .qrcode img {margin: auto}
</style>
